<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>硬件使用</title>
<style>
* {
  margin: 0;
  padding: 0;
}
body{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	}
.gradient {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 600% 600%;
    animation: gradientBG 5s ease infinite;
  }
  @keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
  }
	.div1{
	height:60px;
	width:1500px;
	margin-left:10px;
	position:inherit;
	margin:auto;
		}
	  .ribbon{
            display: inline-block;
        }
        .ribbon::before{
			width:220px;
            margin-top: 8px;
            content: "";
            border: 24px solid #333;
            border-left-color: transparent;
            float: left;
        }
        .ribbon::after{
			width:680px;
            margin-top: 8px;
            content: "";
            border: 24px solid #333;
            border-right-color: transparent;
            float: left;
        }
        a{
            float: left;
            height: 56px;
            text-decoration: none;
            overflow: hidden;
        }
        span{
            margin-top: 8px;
            color: #fff;
            line-height:48px;
            padding: 0 16px;
            background: #333;
            display: inline-block;
            position: relative;
            transition: all 0.3s;
        }
        a:hover span{
            margin-top: 0;
            background: #666699;
        }
        span::before{
            content: "";
            position: absolute;
            top: 48px;
            left: 0;
            border-right: 8px solid #666699;
            border-bottom: 8px solid #333;
        }
        span::after{
            content: "";
            position: absolute;
            top:48px;
            right: 0;
            border-left: 8px solid #666699;
            border-bottom: 8px solid #333;
        }
		.div2{
	height:360px;
	width:1500px;
	padding-top:5px;
	position:inherit;
	margin:auto;
	background-color:#333;
			}
		.div3{
	background-color:#408080;
	height:1410px;
	width:1500px;
	margin-left:10px;
	position:inherit;
	margin:auto;
		}
	.box {
		    width: 300px;
		    height: 300px;
			float:left;
			
		    transition: all 0.4s;
			}
		.box:hover {
		    box-shadow: 0 8px 8px 0 grey;
		    transform: translate(0, -10px);
		    transform: scale(1.2)
		}
		 
		.box-bd {
		    margin: 20px 0 0 300px;
		    width: 400px;
		}

		</style>
</head>

<body class="gradient">
<div class="div1">
<div class="ribbon">
<a href="index.html"><span>首页</span></a>
        <a href="API.html"><span>百度地图</span></a>
        <a href="dxhz.html"><span>短信测试</span></a>
        <a href="xitongguazai.html"><span>系统挂载</span></a>
        <a href="kali.html"><span>kali实战</span></a>
       <img src="js/assets/img/t.png" height="45px" width="45px" style="border-radius:65px; float:right; margin-top:8px; User-select: none; -webkit-user-drag: none">
  </div>
</div>
    <div class="div2">
      <div style="height:300px; width:300px; background-color:#FFF; margin-left:67px; float:left; margin-top:30px"><div class="box"><img src="img/csr4.png" height="300px" width="300px"></div></div>
      <div style="height:300px; width:300px; background-color:#FFF; margin-left:55px; float:left; margin-top:30px"><div class="box"><img src="img/wifi.png" height="300px" width="300px"></div></div>
      <div style="height:300px; width:300px; background-color:#FFF; margin-left:55px; float:left; margin-top:30px"><div class="box"><img src="img/OI.png" height="300px" width="300px"></div></div>
     <div style="height:300px; width:300px; background-color:#FFF; margin-left:55px; float:left; margin-top:30px"><div class="box"><img src="img/20210924025149656.png" height="300px" width="300px"></div></div>
    </div>
<div class="div3">
    <div style="height:50px; width:1000px; margin:auto">
    <div style="height:50px; width:1000px; margin:auto; text-align:left; color:#FFF; font-size:36px">蓝牙CSR4.0介绍</div>
    <div style="height:300px; width:1000px; margin:auto">
    <div style=" height:300px; font-size:20px; float:right; width:700px;; color:#FFF"><p>蓝牙4.0适配器是最新推出的蓝牙适配器产品，搭配USB2.0接口，可以应对目前PC与多种蓝牙设备之间的数据音频数据交互的需求。 适配器采用英国CSR (Cambridge Silicon Radio)正规原厂芯片：CSR8510，同时搭配CSR原厂驱动管理软件：CSR Harmony。
      </p>
      <h2>使用场景</h2>
      <p>&nbsp;</p>
            <p>配合kalinet hunter蓝牙攻击工具使用</p>
            <p>kalinethunter蓝牙攻击使用方法</p>
      </div>
    <div style="height:300px; width:300px"><img src="img/csr4.png" height="300px" width="300px"></div>
    <hr /></div>
    
   <div style="height:50px; width:1000px; margin:auto; text-align:left; color:#FFF; font-size:36px">无线网卡介绍</div>
    <div style="height:300px; width:1000px; margin:auto">
    <div style=" height:300px; font-size:20px; float:right; width:700px;; color:#FFF"><p>无线网卡(英文名称：Wireless network interface controller，缩写为WNIC)是一种终端无线网络设备，它能够帮助计算机连接到无线网络上，例如WiFi或者蓝牙。换句话说无线网卡就是帮助你的电脑连接到无线网的一个装置，但是有了无线网卡也还需要一个可以连接的无线网络，因此就需要配合无线路由器或者无线 AP 使用。
      </p>
      <h2>使用场景</h2>
      <p>&nbsp;</p>
      <p>配合kalinet hunterWiFi攻击工具使用      </p>
      <p>配合kali进行网络抓包</p>
      </div>
    <div style="height:300px; width:300px"><img src="img/wifi.png" height="300" width="300"></div>
    <hr /></div>
   
   <div style="height:50px; width:1000px; margin:auto; text-align:left; color:#FFF; font-size:36px">ESP8266介绍</div>
    <div style="height:300px; width:1000px; margin:auto">
    <div style=" height:300px; font-size:20px; float:right; width:700px; color:#FFF">
      <p>ESP8266 在搭载应用并作为设备中唯一的应用处理器时，能够直接从外接闪存中启动。内置的高速缓冲存储器有利于提高系统性能，并减少内存需求。另外一种情况是，无线上网接入承担 WiFi 适配器的任务时，可以将其添加到任何基于微控制器的设计中，连接简单易行，只需通过 SPI/SDIO 接口或中央处理器AHB 桥接口即可。<br />
    </p>
      <h2>使用场景</h2>
      <p>&nbsp;</p>
      <p>制作wifi杀手</p>
      <p>无线位置感知设备。</p>
      <p>无线定位系统信号。</p>
    </div>
    <div style="height:300px; width:300px"><img src="img/OI.png" height="300" width="300"></div>
     <hr /></div>
   
    <div style="height:50px; width:1000px; margin:auto; text-align:left; color:#FFF; font-size:36px">树莓派pico介绍</div>
    <div style="height:300px; width:1000px; margin:auto">
    <div style=" height:300px; font-size:20px; float:right; width:700px; color:#FFF"><p>树莓派Pico是一款小巧、低成本的嵌入式开发板，基于树莓派基金会自研的RP2040芯片构建。Pico搭载双核ARM Cortex M0+处理器，运行频率133MHz，内置264KB的片上RAM，适用于低时延的I/O通信和模拟信号输入。它可以弥补树莓派在与物理世界互动方面的不足
      </p>
      <h2>使用场景</h2>
      <p>&nbsp;</p>
      <p>制作batUSB</p>
      <p>配合python进行开发</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      </div>
    <div style="height:300px; width:300px"><img src="img/20210924025149656.png" height="300" width="300"></div>
    <hr /></div>
    </div>
    </div>
<div style="height:80px; width: 1500px; background-color: #333; margin:auto; padding-top:10px;"><script>
        Date.prototype.format = function (fmt) {
            var o = {
                "y+": this.getFullYear, //年
                "M+": this.getMonth() + 1, //月份
                "d+": this.getDate(), //日
                "h+": this.getHours(), //小时
                "m+": this.getMinutes(), //分
                "s+": this.getSeconds() //秒
            };
            if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            for (var k in o)
                if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
            return fmt;
        }
        setInterval("document.getElementById('dateTime').innerHTML = (new Date()).format('yyyy-MM-dd hh:mm:ss');", 1000);
    </script>
 
    <div style="font-family:'仿宋'; margin:auto; width:600px; height:70px; font-size:30px; color:#FFF; margin-left:600px; margin-top:10px"><div id="dateTime"></div></div>
</div>
</body>
</html>
